import React from "react";
import { useNavigate } from "react-router-dom";
import { Card, NavBar, Space, Toast } from 'antd-mobile'
import './style.css'
const index = () => {
    // 跳转路由
    const navigate = useNavigate()
    // 路由向后跳转
    const back = () => {
        navigate(-1)
    }
    // 定义名称
    const name = '麻辣王子'
    return (
        <div>
            {/* 导航栏 */}
            <NavBar onBack={back}>H币入账消息</NavBar>
            {/* 大盒子 */}
            <div className="Hcoincreditingmessage">
                {/* 内容盒子 */}
                <div className="Hcoincreditingmessage-con">
                    <Card>
                        <div className='content'>连续签到5天！您的H币已经到账啦！</div>
                        <div className='footer' onClick={e => e.stopPropagation()}>
                            <div>
                                2019年3月10日 17：21
                            </div>
                            <div className="lj">
                                立即查看&gt;&gt;&gt;
                            </div>
                        </div>
                    </Card>
                </div>
                <div className="Hcoincreditingmessage-con">
                    <Card>
                        <div className='content'>您对患者{name}的病友圈建议被采纳，恭喜您获得对您的10H币的奖励以及悬赏的30H币！</div>
                        <div className='footer'>
                            <div>
                                2019年3月10日 17：21
                            </div>
                            <div className="lj">
                                立即查看&gt;&gt;&gt;
                            </div>
                        </div>
                    </Card>
                </div>
                <div className="Hcoincreditingmessage-con">
                    <Card>
                        <div className='content'>您完善了个人信息~获得了30H币！</div>
                        <div className='footer'>
                            <div>
                                2019年3月10日 17：21
                            </div>
                            <div className="lj">
                                立即查看&gt;&gt;&gt;
                            </div>
                        </div>
                    </Card>
                </div>
                <div className="Hcoincreditingmessage-con">
                    <Card>
                        <div className='content'>您今天成功发布了一条病友圈，20H币已经到账啦！再接再厉</div>
                        <div className='footer'>
                            <div>
                                2019年3月10日 17：21
                            </div>
                            <div className="lj">
                                立即查看&gt;&gt;&gt;
                            </div>
                        </div>
                    </Card>
                </div>
                <div className="Hcoincreditingmessage-con">
                    <Card>
                        <div className='content'>感谢您使用维度健康进行健康测评，送您20H币祝您身体健康！</div>
                        <div className='footer'>
                            <div>
                                2019年3月10日 17：21
                            </div>
                            <div className="lj">
                                立即查看&gt;&gt;&gt;
                            </div>
                        </div>
                    </Card>
                </div>
                <div className="Hcoincreditingmessage-con">
                    <Card>
                        <div className='content'>感谢您使用维度健康进行健康测评，送您20H币祝您身体健康！</div>
                        <div className='footer'>
                            <div>
                                2019年3月10日 17：21
                            </div>
                            <div className="lj">
                                立即查看&gt;&gt;&gt;
                            </div>
                        </div>
                    </Card>
                </div>
            </div>
        </div>
    )
}
export default index